Page({
  data: {
    dateLayerVisible: false,
    houseLayerVisible: false,
    houseList: [
      { name: '北京西三旗花园1号楼 101' },
      { name: '北京东村家园3号楼 302' },
      { name: '北京育新花园3号楼 703' },
      { name: '北京天通苑北苑8号楼 403' },
    ],
    currentDate: Date.now(), // 当前的时间戳  1970年1月1日 00:00:00 到 当前时间 的毫秒数
    name: '王五',
    mobile: '13800000000',
    gender: 1,
  },

  verifyHouse() {
    const valid = this.data.houseId !== ''
    // 验证结果提示
    if (!valid) wx.utils.toast('请选择房屋信息!')
    // 返回验证结果
    return valid
  },
  // 验证业主姓名（必须为汉字）
  verifyName() {
    // 正则表达式
    const reg = /^[\u4e00-\u9fa5]{2,5}$/
    // 验证业主姓名
    const valid = reg.test(this.data.name.trim())
    // 验证结果提示
    if (!valid) wx.utils.toast('请填写真实中文姓名!')
    // 返回验证结果
    return valid
  },

  verifyMobile() {
    // 验证手机号
    const reg = /^[1][3-8][0-9]{9}$/
    const valid = reg.test(this.data.mobile)
    // 验证结果提示
    if (!valid) wx.utils.toast('请填写正确的手机号码!')
    // 返回验证结果
    return valid
  },
  openHouseLayer() {
    this.setData({ houseLayerVisible: true })
  },
  closeHouseLayer() {
    this.setData({ houseLayerVisible: false })
  },
  openDateLayer() {
    this.setData({ dateLayerVisible: true })
  },
  closeDateLayer() {
    this.setData({ dateLayerVisible: false })
  },
  goPassport() {
    wx.reLaunch({
      url: '/visitor_pkg/pages/passport/index',
    })
  },

  selectHouse(ev) {
    // console.log(ev.detail)
    const { id: houseId, name: houseInfo } = ev.detail
    this.setData({
      houseId,
      houseInfo,
    })
  },

  confirmDate(ev) {
    // ev  event  事件对象参数   会有一些信息给你   用户选择的日期
    console.log(ev.detail) // 时间戳  1970年1月1日 00:00:00 到 用户选择的日期 的毫秒数
    this.setData({
      // currentDate: ev.detail,  处理成用户看得懂的时间格式
      visitDate: new Date(ev.detail).toLocaleDateString(),
      dateLayerVisible: false,
    })
  },

  async submitForm() {
    // 验证房屋信息
    if (!this.verifyHouse()) return
    // 验证业主姓名
    if (!this.verifyName()) return
    // 验证手机号
    if (!this.verifyMobile()) return

    // 所有验证通过  提交表单
    // wx.utils.toast('提交成功!')
    // 提交表单数据
    const res = await wx.http({
      url: '/visitor',
      method: 'POST',
      data: {
        houseId: this.data.houseId,
        name: this.data.name,
        mobile: this.data.mobile,
        gender: this.data.gender,
        visitDate: this.data.visitDate,
      },
    })

    if (res.code !== 10000) return wx.utils.toast('提交失败!')

    // wx.utils.toast('提交成功!')
    // 跳转通行证页面
    wx.navigateTo({
      url: '/visitor_pkg/pages/passport/index?id=' + res.data.id,
    })
  },

  onLoad() {
    this.getHouseList() // 获取的是审核通过的房屋
  },
  async getHouseList() {
    const res = await wx.http({
      url: '/house',
      method: 'GET',
    })

    if (res.code !== 10000) return wx.utils.toast()

    this.setData({
      houseList: res.data,
    })
  },
})
